.layui-timeline {
	&-title {
		color: hsl(var(--bc)) !important;
	}
	&-content {
		color: hsla(var(--bc) / 0.6) !important;
	}
	&-item {
		&::marker {
			display: none;
			content: "";
		}
		&::before {
			background-color: hsl(var(--p));
		}
	}
	&-axis {
		color: hsl(var(--pc));
		background-color: hsl(var(--p));
	}
}
.layui-timeline-accordion {
    .layui-timeline-item{
        .layui-timeline-title {
            cursor: pointer;
            & ~ div {
                // border: 1px solid green;
                max-height: 0px;
                -webkit-transition: max-height 0.5s;
                transition: max-height 0.5s;
                overflow: hidden;
            }
        }
        &.show{
            .layui-timeline-title{
                & ~ div {
                    max-height: 600px;
                    transition: max-height 0.5s;
                }
            }
        }
    }
	
}
